
            
            




So you want to use ASCII-art in your website

Because I don't pay for this page and GeoCities (Free Home Pages) has started to 
put those pop-up advertisements here, I am compelled to choose the lesser of the 
two evils and install the above advertisements, over which I have NO control.
If you have any comments about them, please direct them to GeoCities (Contact 
Information Page).

Some of my pages may still get those annoying popups. Just minimize them as soon 
as you see them
(unless, of course, you would like to see the ad).




revised August 1998
So you want to use ASCII-art in your website and aren't sure of the HTML coding?
        ___    /
      _/   |   \,^%---
     |_____|    <_ \ Fear not. It's quite simple....
       --- ==   >/
     [_____]  __>,^
ejm   |   |  //| |



I am not an expert in html for all browsers. The following instructions work for 
me. I have checked them in Netscape Navigator 3.01, MSIE 3.0 and whatever Lynx 
version the Toronto Freenet uses. With the exception of the colour section, this 
method should work for all the later browsers.
Between the dotted lines is what you type into your html document:
------------------------------------------------------------------------- 
<pre>

Your             
  ASCII-art      
       goes here.

</pre>
------------------------------------------------------------------------- 
You should replace all > (greaterthan), & (ampersand) and < (lessthan) with 
character entities.
> with &#62;
& with &#38;
< with &#60;
Here is an example:

   .......................
   :<>_________________<>:
   }|~o O__ ~o O__~oO_/ |{
   }|  \-+--/--+--/--+--|{
   }| /&\|\/&\ |\/&\ |\ |{
   }| /|/ / |\/ |/| / | |{
   }|___________________|{
   :<>.......ejm98.....<>:

To get the above drawing, copy the text between the dotted lines into your html 
document. Don't worry that it is distorted in your text editor. It will come out 
correctly on the web.
------------------------------------------------------------------------- 
<pre>
   .......................
   :&#60;&#62;_________________&#60;&#62;:
   }|~o O__ ~o O__~oO_/ |{
   }|  \-+--/--+--/--+--|{
   }| /&#38;\|\/&#38;\ |\/&#38;\ |\ |{
   }| /|/ / |\/ |/| / | |{
   }|___________________|{
   :&#60;&#62;.......ejm98.....&#60;&#62;:
</pre>
------------------------------------------------------------------------- 
I have a full list of the numbers of the characters but you must have your 
Javascript enabled in order to view it.



If you want to center the whole thing, like this,
Your             
  ASCII-art      
       goes here.
make sure all your lines are the same length. (This will not center in Lynx.)
Between the dotted lines is what you should type into your html document 
(without the vertical lines; they are there just to show that all the lines are 
the same length).
------------------------------------------------------------------------- 
<center>
<pre>
|Your             |
|  ASCII-art      |
|       goes here.|
</pre>
</center>
------------------------------------------------------------------------- 
but as I said, it won't necessarily be centered in all browsers. Why? 
...because.



And if you want to add colour, use <font 
color="#hexidecimalnumberofcolourchoice">. Please consult a colour chart for 
hexidecimal numbers. Don't forget to put </font> when you want to change 
colours. Of course, this method may be foiled by people who have browsers that 
allow them to change the background or text colours of any webpage they are 
viewing. But, I say, what business do they have changing your colour choices in 
the first place???? If you are concerned about them, you'll have to resort to 
tables (and they'll still be able to change the colours but you won't have bits 
of text disappearing because some ninny nee-eeee-eeeeds to always have the 
background in the colour you have chosen for your text). Go to Annabella for a 
table tutorial.
To get the following,
Your
  ASCII-art
       goes here.
            
    
Between the dotted lines is what you should type into your html document:
------------------------------------------------------------------------- 
<table><tr><td bgcolor="#yourbackgroundhexidecimalcolour">
<pre align="left">

<font color="#FF0000">Your</font>
  <font color="#009900">ASCII-art</font>
       <font color="#009900">goes here.</font>

</pre>
</td></tr></table>
------------------------------------------------------------------------- 
Consult a colour chart for colours.



I hope all that helps you!
                 \ 
                  \,^^%---
                  <\/  \ See? It's easy when you know how....
                  >
                  >^^
                 /| 
ejm98            | \
            



 
